!function ($) {
    const reqHeader = $('.reqHeader');//引入header.html的div
    const reqFooter = $('.reqFooter')
    reqHeader.load('../html/header.html');
    reqFooter.load('../html/footer.html');
    //注册 ----------------------start
    const message = $('#message');
    const phoneNum = $('.phoneNum');
    const password = $('.password');
    const registerBtn = $('.registerBtn');
    const phoneWarn = $('.phoneWarn');
    const passWarn = $('.passWarn');
    //手机号正则 11位 首位 1 第二位 3，4，5，7，8
    let userReg = /^1[34578]\d{9}$/;
    //密码正则 6至20位，以字母开头，字母，数字，减号，下划线
    let passReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
    let regsiterUrl = 'http://10.31.162.37/underline/uniqloAPI/registry.php';
    phoneNum.on('blur', function () {
        if (userReg.test($(this).val())) {
            phoneWarn.hide();
            //验证用户名是否存在   ----------start
            $.ajax({
                type: 'post',
                url: regsiterUrl,
                data: {
                    username: phoneNum.val()
                }
            }).done(function (result) {
                if (!result) {//不存在
                    $('.right').html('√').css('color', 'green');
                } else {
                    $('.right').html('该用户名已经存在').css('color', 'red');
                }
            });

        } else {
            phoneWarn.show();
        }
    })
    //验证用户名是否存在   ----------end         
    password.on('blur', function () {
        if (passReg.test($(this).val())) {
            registerBtn.prop('disabled', false).css({ background: '#000' });
            passWarn.hide();
        } else {
            passWarn.show();
            registerBtn.prop('disabled', true).css({ background: '#DADADA' });
        }
    })
    registerBtn.on('click', function () {
        $.ajax({
            type: 'post',
            url: regsiterUrl,
            data: {
                username: phoneNum.val(),
                password: password.val()
            }
        }).done(function (result) {
            if (result) {
                message.html('注册成功').css({ color: '#3EB135', borderColor: '#3EB135' }).stop().fadeIn().delay(800).fadeOut();
                location.href = 'login.html';
            } else {
                message.html('注册失败').css({ color: 'red', borderColor: 'red' }).stop().fadeIn().delay(800).fadeOut();
            }
        });
    })
    //登录 ------------------------end

}(jQuery)